@charset "utf-8";
/* CSS Document */




.banner {

  max-height: 650px;

  overflow: hidden;

}

.pics_wrap {

  width: 100%;
  overflow: hidden;
  max-height: 650px;
}

.html5zoo-img-0 img {

  width: 100%;

}

.html5zoo-arrow-left-0 {

  left: 10% !important;

  width: 50px !important;

  height: 50px !important;

  border-radius: 100%;

}

.html5zoo-arrow-right-0 {

  right: 10% !important;

  width: 50px !important;

  height: 50px !important;

  border-radius: 100%;

}

.html5zoo-bullet-wrapper-0 div {

  margin: 0 4px !important;

}

.html5zoo-nav-0 {

  margin-top: -35px !important;

  left: 48% !important;

}

.html5zoo-bullet-wrapper-0 {

  width: 100% !important;

}

.banner {

  width: 100%;

  margin: 0 auto;

  position: relative;

}

.banner ul.bb {

  position: relative;

  padding: 0px;

  margin: 0px;

  z-index: 5;

}

.banner ul.bb li {

  position: absolute;

  display: none;

}

.banner .num {

  position: absolute;

  right: 2px;

  bottom: 10px;

  z-index: 100;

}

.banner .num li {

  width: 18px;

  height: 18px;

  display: inline-block;

  margin-right: 4px;

  background: #fff;

  line-height: 18px;

  text-indent: -100px;

  overflow: hidden;

  border-radius: 10px;

}

.banner .num li.num_hover {

  background-color: #f7de07;

}

.banner .num li.num_hover a {

  color: #fff;

}

.banner .num li a {

  float: left;

  display: block;

  text-align: center;

  color: #666;

  text-decoration: none;

  cursor: pointer;

  width: 18px;

  height: 18px;

  line-height: 18px;

}

#bannerArrow,

#bannerCircle {

  display: none;

}

/*幻灯片样式2*/

#focus {

  width: 255px;

  height: 188px;

  overflow: hidden;

  position: relative;

}

#focus ul {

  height: 188px;

  position: absolute;

}

#focus ul li {

  float: left;

  width: 255px;

  height: 188px;

  overflow: hidden;

  position: relative;

  background: #000;

}

#focus ul li a img {

  height: 188px;

  width: 255px;

}

#focus ul li div {

  position: absolute;

  overflow: hidden;

}

#focus .btnBg {

  position: absolute;

  width: 255px;

  height: 20px;

  left: 0;

  bottom: 0;

  background: #000;

}

#focus .btn {

  position: absolute;

  width: 255px;

  height: 10px;

  padding: 5px 10px;

  right: 0;

  bottom: 0;

  text-align: right;

}

#focus .btn span {

  display: inline-block;

  _display: inline;

  _zoom: 1;

  width: 25px;

  height: 10px;

  _font-size: 0;

  margin-left: 5px;

  cursor: pointer;

  background: #fff;

}

#focus .btn span.on {

  background: #fff;

}




/*搜索*/
.searcher{width:320px;height:40px;float: right;   }
.searcher .submit{width:48px;height:40px;border:0px;color: #fff;cursor:pointer; float: right; }
  
.searcher .txt{width:268px;height:38px;line-height:38px;float:right; text-indent: .5em;  border:1px solid #999;  border-right:none;

}
.searcher .s{background:url(../images/tip.png) no-repeat  right; }






.fivez{ overflow: hidden;

			height: 200px;text-align: center;background-position:-300px -900px;background: url(../images/osi_youshi_bg.jpg) no-repeat center;transform:translate3d(0,0,0); animation:play 25s linear infinite;
		background-attachment: fixed; overflow:hidden;}
/* .five { overflow:hidden;  margin:40px auto; width:1300px;}
.five ul{ overflow:hidden; width:110%;}
.five li{ float:left; width:160px; overflow:hidden; margin-right:60px; cursor:pointer; }
.five li span{ display:block; width:160px; height:100px; overflow:hidden; position:relative; margin-bottom:15px;}
.five li em{ display:block; font-size:16px; color:#fff; text-align:center;}
 */

 .fivez div	img{margin:20px auto; display:block;}














/* 为什么选择我们 */


.program{padding-bottom: 70px; padding-top:40px; }
.program-content {position: relative; margin-top:40px;}
.program-content .sPrev,.program-content .sNext{position: absolute; width: 60px; height: 60px; top: 251px; cursor: pointer; transition:0.6s;}
.program-content .sPrev{background: url(../images/prev.png) no-repeat center #e30000; left: -110px;}
.program-content .sNext{background: url(../images/next.png) no-repeat center #e30000; right: -110px;}
.program-content .sPrev:hover{background: url(../images/prev.png) no-repeat center #108bcb;}
.program-content .sNext:hover{background: url(../images/next.png) no-repeat center #108bcb;}
.program-list{overflow:hidden;}
.program-list ul li{float:left;width:380px;height:520px;position:relative; overflow:hidden; margin-right: 30px;}
.program-list ul li:before{content:"";background:#e30000;position:absolute;left:0;top:0;width: 100%;height:100%;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.program-list ul li a{ display:block; width:100%; height:100%; padding:48px 60px;}
.program-list ul li .bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; -moz-transform: perspective(300px) rotateY(0deg); -ms-transform: perspective(300px) rotateY(0deg); -o-transform: perspective(300px) rotateY(0deg); transform: perspective(300px) rotateY(0deg);}
.program-list ul li .line { width: 360px; height: 500px; position: absolute; left: 10px; top: 10px; }
.program-list ul li .line .line1,.program-list ul li  .line .line2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; filter: alpha(opacity=0); pointer-events: none; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, transform 0.6s; transition-delay:0.6s}
.program-list ul li .line .line1 { border-top: 2px solid #ceeacc; border-bottom: 2px solid #ceeacc; -webkit-transform: scale(0,1); transform: scale(0,1); }
.program-list ul li .line .line2 { border-right: 2px solid #ceeacc; border-left: 2px solid #ceeacc; -webkit-transform: scale(1,0); transform: scale(1,0); }
.program-list ul li .info{position:relative;z-index:1;overflow: hidden; width: 280px;}
.program-list ul li .info h3{ font-size:18px; color:#fff; margin-bottom:44px; margin-top:21px; position:relative}
.program-list ul li .info h3:before{ content:""; position:absolute; top:53px; left:0; width:0; height:2px; background:#fff; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.program-list ul li .info p,.program-list ul li .info em{overflow:hidden; transform:translateX(-280px); -webkit-transform:translateX(-280px); -moz-transform:translateX(-280px); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.program-list ul li .info p{ font-size:13px; color:#fff; line-height:30px; text-align: justify; height:180px;  margin-bottom:40px;}
.program-list ul li .info em{display: block; width: 95px; height: 38px;  border: solid 1px #fff; border-radius: 4px; padding-left: 23px; font-size:14px; line-height: 38px; color:#fff; background: url(../images/program-more.png) no-repeat 89px center; }
.program-list ul li:hover:before{ right:0; width:100%}
.program-list ul li:hover .line1,.program-list ul li:hover .line2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
.program-list ul li:hover .info p,.program-list ul li:hover .info em{ transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.program-list ul li:hover .info h3:before{ width:35px; }
.program-list ul li:hover .bg{ opacity: 1; -webkit-transform: perspective(300px) rotateY(90deg); -moz-transform: perspective(300px) rotateY(90deg); -ms-transform: perspective(300px) rotateY(90deg); -o-transform: perspective(300px) rotateY(90deg); transform: perspective(300px) rotateY(90deg); }


/* 选择我们结束 */







/* #s_about_link li:hover .icon_box{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);  } */











h3.htitle{ text-align:center; font-size:32px; padding-top:55px; margin-bottom:3px; color:#333; line-height:60px; }
h3.htitle a{ color:#333;}
h3.htitle a:hover{color:#e4393c;}
span.htitle{ display:block; text-align:center; font-size:16px; color:#777; font-family:Arial; padding-bottom:20px; background:url(../images/title_bg.png) no-repeat center bottom; text-transform: uppercase;}


	.cp_liebiao{margin:40px auto 0; width:1200px; }
	.cp_liebiao ul{border-left:1px solid #ccc; box-sizing: border-box; margin:0 auto;}
.cp_liebiao ul li{float:left; width:171px; line-height:50px;  box-sizing: border-box;  border-top:1px solid #ccc;}
.cp_liebiao ul li a{width:100%; display:block; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc;box-sizing: border-box;}
 .cp_liebiao ul li a:hover{background:#176949; color:#fff;} 
















.index-title strong{display: block; font-size: 30px; line-height: 60px; color: #333; margin-bottom: 7px;}
.index-title h3{display: block; font-size: 14px; color: #b2b2b2; }
.product{padding: 49px 0 50px;}
.product .index-title{margin-bottom: 43px;}
.product .index-title strong{background: url(../images/product-title.png) no-repeat center;}
.product-btn{width: 1200px; margin: 40px auto 40px;}
.product-btn ul li{float: left; margin:0 3px; display: block; width: 130px; border: solid 1px #bfbfbf;  font-size: 16px; line-height: 41px; color: #333; text-align: center; cursor: pointer;}
.product-btn ul li.on,.product-btn ul li:hover{background: #e30000; border-color: #e30000; color: #fff;}
.product-list ul{width: 1220px;}
.product-list ul li{float: left; width: 285px; margin-right: 20px; margin-bottom: 19px; position: relative;}
.product-list ul li .pic{width: 283px; height: 213px; border: solid 1px #ccc;  }
.product-list ul li .info{ position: absolute; top: 0; left: 0; background: rgba(293,0,43,0.8); width: 100%; height: 215px; z-index: 2; opacity: 0}
.product-list ul li .info em{display: block; font-size: 18px; color: #fff; text-align: center; margin: 60px 0 13px;}
.product-list ul li .info img{display: block; margin: 0 auto;}
.product-list ul li:hover .info{opacity: 1}
.product-list ul li h3{ font-size: 16px; line-height: 56px; color: #333333; text-align: center; font-weight:normal; border:1px solid #e2e2e2; border-top:none;}
.product-list .hidden1::before,.product-list .hidden1::after {position: absolute;content: '';opacity: 0;}
.product-list .hidden1::before {top: 10px;right: 10px;bottom: 10px;left: 10px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.product-list .hidden1::after {top: 10px;right: 10px;bottom: 10px;left: 10px;border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.product-list .hidden1::before,.product-list .hidden1::after{-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;}
.product-list li:hover .hidden1::before,.product-list li:hover .hidden1::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.product-list li:hover .hidden1::before,.product-list li:hover .hidden1::after{-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}
.product-list ul li:hover h3{color: #e30000}






.about{
	height:920px;
	padding-top: 70px;
	background: url(../images/about-bg.jpg) no-repeat top center;
}
.about-title{
	text-align: center;
	color: #fff;
	font-size: 36px;
}
.about-title p{
	color: #fff;
	font-size: 16px;
	margin-top: 10px;
}
.about-diao{
	margin: 20px auto 20px;
	text-align: center;
	width: 1000px;
	color: #fff;
	font-size: 14px;
	line-height: 36px;
}
.about-con{
	background: #fff;
	padding:30px 0px;
}
.about-con li{
	text-align: center;
	float: left;
	width: 199px;
	border-right: 1px solid #ededed;
}
.about-con li p{
	color: #828282;
	font-size: 16px;
	margin-top: 10px;
}
/*图片鼠标悬停整体旋转*/
.about-con li img{
	list-style:none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s; 
	-o-transition: all 0.5s;
}
.about-con li img{
	transition:All 0.8s ease-in-out;
	-webkit-transition:All 0.8s ease-in-out;
	-moz-transition:All 0.8s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.about-con li:hover img{ 
	transform: rotateY(360deg);
}
.fenlei{
	margin: 60px auto 40px;
	width: 600px;
	text-align: center;
}
.fenlei li{
	float: left;
	text-align: center;
	width: 120px;
	background: url(../images/xie.jpg) no-repeat right center;
}
.fenlei li a{
	font-size: 17px;
	color: #000;
}
.fenlei li:hover a{
	color: #d20411;
	font-weight: bold;
}









 .about .conBox2{margin-top:50px;}
.about .conBox2 .menu{border-bottom: 2px solid #e7e7e7;width: 1200px;margin: 0 auto;}
.about .conBox2 .menu ul{width: 400px;margin: 0 auto;}
.about .conBox2 .menu li{float: left;font-size: 16px;color: #333333;font-weight: bold;padding-right: 12px;padding-bottom: 12px;position: relative;}
.about .conBox2 .menu li i{display: none;position: absolute;bottom: -2px;width: 100%;height: 2px;background: #e30000;left: 0;}
.about .conBox2 .menu li a{color: #333333;text-decoration: none;}
.about .conBox2 .menu li span{font-size: 16px;color: #b6b6b6;margin-right: 12px;}
.about .conBox2 .menu li:first-child span{display: none;}
.about .conBox2 .menu li:first-child{padding-left: 20px;}
.about .conBox2 .menu li.cur a{color: #e30000;}
.about .conBox2 .menu li.cur i{display: block;}
.about .conBox2 .con{margin: 36px auto 0;height: 249px;overflow: hidden;position: relative;}
.about .conBox2 .lunb{width: 1200px;position: relative;margin: 0 auto;}
.about .conBox2 .lunb i.aboutBtn{display: block;width: 45px;height: 45px;overflow: hidden;cursor: pointer;position: absolute;top: 78px;}
.about .conBox2 .lunb i.aboutBtn img{display: block;width: 45px;height: 90px;position: relative;}
.about .conBox2 .lunb i.aboutBtn:hover img{top: -45px;}
.about .conBox2 .lunb i.prev{left: -74px;}
.about .conBox2 .lunb i.next{right: -74px;}
.about .conBox2 .lunb .box{width: 100%;position: relative;height: 249px;overflow: hidden;}
.about .conBox2 .lunb .box ul{width: 105%;position: absolute;left: 0;top: 0; }
.about .conBox2 .lunb .box li{float: left;height: 249px;width: 282px;margin-right: 24px;overflow: hidden;position: relative;}
.about .conBox2 .lunb .box li i.xian{display: block;width: 282px;height: 2px;background: #e0e0e0;}
.about .conBox2 .lunb .box li i.xianL{width: 141px;height: 2px;background: #e30000;position: absolute;left: -141px;bottom: 0px;}
.about .conBox2 .lunb .box li i.xianR{width: 141px;height: 2px;background: #e30000;position: absolute;right: -141px;bottom: 0px;}
.about .conBox2 .lunb .box p{width: 282px;height: 200px;position: relative;}
.about .conBox2 .lunb .box p span{display: block;width: 282px;height: 200px;overflow: hidden;}
.about .conBox2 .lunb .box p span img{display: block;width: 282px;height: 200px;transform: scale(1);transition: all 1s ease-out;}
.about .conBox2 .lunb .box p a{display: none;width: 282px;height: 142px;position: absolute;top: 0;left: 0;padding-top: 58px;background: url(../images/aboutBg.png);text-align: center;text-decoration: none;}
.about .conBox2 .lunb .box p a img{display: block;width: 40px;height: 40px;margin: 0 auto;}
.about .conBox2 .lunb .box p a b{font-size: 14px;color: #fff;font-weight: normal;margin-top: 22px;display: block;}
.about .conBox2 .lunb .box em{display: block;font-size: 14px;color: #666666;height: 47px;line-height: 47px;text-align: center;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.about .conBox2 .lunb .box li:hover p a{display: block;}
.about .conBox2 .lunb .box li:hover p span img{transform: scale(1.2);} 




.about_more{ display:block; width:73px; display:block; margin:0 auto; margin-top:30px; margin-bottom:20px; transition:all ease 300ms; -webkit-transition: all ease 300ms;}
 .about_more p{ text-align:center; font-size:16px; font-weight:bold; color:#565656; margin: 10px -10px;}
@-webkit-keyframes rotation2{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
 .about_more:hover img{ animation: rotation2 3s linear infinite;
-moz-animation: rotation2 2s linear infinite;
-webkit-animation: rotation2 2s linear infinite;
-o-animation: rotation2 2s linear infinite;}





.bgbox{background-position:-300px -900px;height:330px;background:#e30000  url(../images/container01_bg.jpg) no-repeat center ;transform:translate3d(0,0,0);
		    animation:play 25s linear infinite;
		background-attachment: fixed; overflow:hidden;}

		.ser{margin-top:30px; }
.ser>ul {

  overflow: hidden;

  text-align: center;

  margin-bottom: 30px;

}

.ser>ul li {

  float: left;

  outline: none;

  cursor: pointer;

  margin: 0 44px;

  display: inline-block;

  text-align: center;

}

.ser>ul li .t {

  width: 88px;

  height: 88px;

  margin: 0 auto;

  background-color: #ededed;

  border-radius: 100%;

  padding: 4px;

  transition: 0.7s;

  overflow: hidden;

}

.ser>ul li .t .img {

  width: 100%;

  height: 100%;

  border-radius: 100%;

  position: relative;

  display: block;

  border: dashed 1px rgba(255, 255, 225, 0.5);

}

.ser>ul li .t .img img {

  transition: 0.7s;

  position: absolute;

  max-width: 100%;

  max-height: 100%;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

}

.ser>ul li .t .img .i1 {

  opacity: 1;

  transition: 0.7s;

}

.ser>ul li .t .img .i2 {

  opacity: 0;

  transition: 0.7s;

  left: -100px;

}

.ser>ul li p {

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #fff;

  line-height: 50px;

}

.ser>ul li:hover .t {

  background-color: #e30000;

  position: relative;

  display: block;

}

.ser>ul li:hover .t img {

  transition: 0.7s;

  position: absolute;

  max-width: 100%;

  max-height: 100%;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

}

.ser>ul li:hover .t .i1 {

  left: 100px;

  opacity: 0;

}

.ser>ul li:hover .t .i2 {

  opacity: 1;

  left: 0px;

}







.news{padding-bottom: 64px; background:#f2f2f2; padding-top:60px;}
.news-left{width: 650px;}
.news-left h3 b{font-weight:normal; }
.news-title{height: 47px; line-height: 47px;  margin-bottom: 30px; border-bottom: solid 1px #ccc;}
.news-title h3{display: inline-block; font-size: 28px; color: #333333;}
.news-title h3 b{display: inline-block; font-size: 14px; color: #b2b2b2;}
.news-btn ul li{float: left; cursor: pointer;}
.news-title a{display: inline-block; margin-left: 30px; font-size: 16px;}
.news-title .on a,.news-title a:hover{color: #e30000;}
.latest .pic{width: 220px;}
.latest .info{width: 400px;position: relative;margin-top: 10px;}
.latest .info em{display: block; font-size: 18px; color: #333;line-height: 18px;}
.latest .info b{position: absolute;right: 0;top: -5px;font-weight: normal;}
.latest .info p{line-height: 24px;color: #666;width: 100%;text-align: justify;margin: 12px 0; font-size:13px;}
.latest .info span{display: block;width: 130px;height: 40px;border-radius: 20px;text-align: center;line-height: 40px;color: #fff; background: #e30000;margin-top: 5px;}
.latest:hover .info em{color: #e30000;}
.latest .info span:hover{text-decoration: underline;background: #f6ac1a;}

.latest-list ul{margin-top: 11px;}
.latest-list ul li{float: left; margin-bottom: 6px; border-bottom: 1px solid #ccc; line-height: 48px; width: 100%;position: relative;}
.latest-list ul li a{display: block;width: 100%;height: 48px;}
.latest-list ul li::after{content: "";width: 0;height: 1px;background: #e30000;position: absolute;left: 0;bottom: -1px;z-index: 10;transition: all 0.3s;}
.latest-list ul li a em,.latest-list ul li a span{display: block; font-size: 14px; color: #666;}
.latest-list ul li a em{ background: url(../images/news-change1.png) no-repeat left center; padding-left: 18px;}
.latest-list ul li span{font-family: arial;}
.latest-list ul li:hover a em{background: url(../images/news-change2.png) no-repeat left center; color: #e30000;}
.latest-list ul li:hover::after{width: 100%;}
.latest-list ul li:hover a span{color: #e30000;}

.news-right{width: 450px;}
.news-right h3 b{font-weight:normal; margin-left:6px;}
.news-list ul li{ margin-bottom: 4px; width: 450px; height: 50px; line-height: 50px;background-color: #fff; position: relative;}
.news-list ul li a{display: block; background: url(../images/news-change3.png) left 20px center no-repeat;position: absolute;padding-left: 38px;width: 412px;height: 100%; }
.news-list ul li::before{ display: block; height: 50px; content: ""; background: #e30000;position:absolute;top: 0; width: 0;z-index: ; transition:width 0.25s;-moz-transition:width  0.25s; /* Firefox 4 */-webkit-transition:width  0.25s; /* Safari and Chrome */-o-transition:width  0.25s; /* Opera */} 
.news-list ul li:hover::before{width: 100%; }
.news-list ul li:hover a{background: url(../images/news-change4.png) 20px center no-repeat;color: #fff; transition:background 0.3s linear; -moz-transition:background 0.3s linear;-webkit-transition:background 0.3s linear;-o-transition :background 0.3s linear;}






/* c产品优势
 */



.shhjBox .container{ position:relative; z-index:999;}
.shhjBox .shTle{ background:url(Img/Index/sstlbg.png) no-repeat left top; padding-top:40px; padding-bottom:32px;}
.shhjBox .container ul{ overflow:hidden; position:absolute; left:45%; bottom:-52px; z-index:999;}
.shhjBox .container li{ float:left;  width:51px; height:52px;}
.shhjBox .container li a{ display:block;  height:52px;}
.shhjBox .container li.lbg1{ background:url(Img/Index/libg01.png) repeat center;}
.shhjBox .container li.lbg1 a{ background:url(Img/Index/libot01.png) no-repeat center;}
.shhjBox .container li.lbg2{ background:url(Img/Index/libg02.png) repeat center;}
.shhjBox .container li.lbg2 a{ background:url(Img/Index/libot02.png) no-repeat center;}
.shhjBox .hjCont{}
#jianz{ position:relative;}
.shhjBox .hjCont ul{ overflow:hidden; width:1920px;}
.shhjBox .hjCont li{ float:left; width:480px; position:relative;}
.shhjBox .hjCont li img{ display:block;}
.shhjBox .hjCont li i{ display:block; width:480px; height:388px; position:absolute; background:url(Img/Index/hjlbg.png) repeat center; top:0; left:0; cursor:pointer;}
.shhjBox .hjCont li p{ padding:27px 0; text-align:center; width:100%;}
.shhjBox .hjCont li p a{ font-size:16px; color:#333;}
.shhjBox .hjCont li:hover i{ display:none;}
.shhjBox .hjCont li:hover p{ background:#ef6b00;}
.shhjBox .hjCont li:hover p a{ color:#fff;}


















.zzry {padding:10px 0 10px;background-color: #f2f2f2;}
.zzry .container {position: relative;}
.zzry .zzry_con {margin-top: 30px;position: relative;height: 278px;overflow: hidden;}
.zzry .zzry_con ul {position: absolute;left: 0;top: 0;}
.zzry .zzry_con ul li {float: left;width: 282px;margin-left: 24px;}
.zzry .zzry_con ul li:first-child {margin-left: 0;}
.zzry .zzry_con ul li span {display: block;width: 280px;height: 209px;border: 1px solid #e4e3e3;overflow: hidden;}
.zzry .zzry_con ul li span img {display: block; transition: all 0.5s;}
.zzry .zzry_con ul li i {display: block;height: 30px;line-height: 30px;text-align: center;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;font-size: 16px;}

.zzry .zzry_con ul li:hover span {border: 1px solid #70bc0a;}
.zzry .zzry_con ul li:hover img {transform: scale(1.1);}
.zzry .zzry_con ul li:hover i {color: #70bc0a;}

.zzry .zzry_btnl {position: absolute;left: -60px;top: 100px;height: 45px;width: 25px;background: url(../images/index_tab_l.png) no-repeat center;cursor: pointer; }
.zzry .zzry_btnr {position: absolute;right: -60px;top: 100px;height: 45px;width: 25px;background: url(../images/index_tab_r.png) no-repeat center;cursor: pointer;}









.ysTit1{overflow: hidden;background:#999590;height: 206px;text-align: center;}

.ysTit1 h2 {font-size: 40px; margin-top: 50px;color: #fff;letter-spacing: 3px;}
.ysTit1 p {font-size: 24px;margin-top: 25px;color: #fff;}	

.ysTit_about{overflow: hidden;height: 206px;text-align: center;background-position:-300px -900px;background: url(../images/osi_youshi_bg_about.jpg) no-repeat center;transform:translate3d(0,0,0);
animation:play 25s linear infinite;background-attachment: fixed; overflow:hidden; position:relative;}


.ysTit_xinwen{overflow: hidden;height: 206px;text-align: center;background-position:-300px -900px;background: url(../images/osi_youshi_bg_xinwen.jpg) no-repeat center;transform:translate3d(0,0,0);
animation:play 25s linear infinite;background-attachment: fixed; overflow:hidden; position:relative;}



.ysTit_about h2 {font-size: 43px; margin-top: 50px;color: #fff;letter-spacing: 3px;}
.ysTit_about p {font-size: 24px; margin-top: 15px; color: #fff;}

.ysTit_xinwen h2 {font-size: 43px; margin-top: 50px;color: #fff;letter-spacing: 3px;}
.ysTit_xinwen p {font-size: 24px; margin-top: 15px; color: #fff;}	



.ysTit1{overflow: hidden;background:#999590;height: 206px;text-align: center;
		}


.ysTit1{overflow: hidden;background:#999590;height: 206px;text-align: center;
		}

.ysTit1 h2 {
    font-size: 40px;
    margin-top: 50px;
    color: #fff;
	letter-spacing: 3px;
	}
.ysTit1 p {font-size: 24px;margin-top: 25px;color: #fff;}	
















/* 应用领域 */
.lingyu { overflow:hidden; padding-top:60px; width:100%; background:url(Img/Index/lingyu_bg.png) repeat-x left top; padding-bottom:70px;}
.lingyu ul{ overflow:hidden; width:1220px; margin:0 auto; height:400px;}
.lingyu li{ overflow:hidden; float:left; width:285px; margin:0 10px; height:400px; position:relative;}
.lingyu li img{ display:block;}
.lingyu li .imgIcon{ display:block; position:absolute; left:50%; margin-left:-25px; top:305px; z-index:2}
.lingyu li a{ display:block; width:100%; height:70px; position: absolute; left:0; bottom:0; text-decoration:none}
.lingyu li .icon{ margin:0 auto; display:none;}
.lingyu li .a01{ background-color:#e4393c;}

.lingyu li em{ display:block; margin:0 auto; text-align:center; padding:20px 0; width:120px; font-size:16px; color:#fff; margin-top:-15px;}
.lingyu li p{ width:80%; margin:10px auto; font-size:16px; color:#fff; line-height:20px; height:40px; overflow:hidden; text-align:center}

/* 友情链接
 */

 .link{width: 100%; background:#fff;}
.link dt{height: 74px;line-height: 74px;font-size: 18px;color: #333333;border-bottom: 1px solid #ccc;}
.link dt a{color: #333333; text-decoration: none;}
.link dt em{font-family: arial;}
.link dd{padding: 24px 0 14px 0;overflow: hidden;}
.link dd a{display: block;float: left;font-size: 15px;color: #333333;padding: 0 28px;border-left: 1px solid #e9e9e9;margin-bottom: 10px;}
.link dd a:first-child{border-left: none;}